body{overflow-x:hidden;width:100%}

@media (min-width:1200px){.line-big{margin-right:-15px;margin-left:-15px}

.line-big .x1,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .xb1,.line-big .xb10,.line-big .xb11,.line-big .xb12,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xl1,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xm1,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xs1,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9{position:relative;padding-right:10px;padding-left:10px;min-height:1px}

}

.main,header,img.res,nav{background-color:#fff}

header .globe{padding:0 18px 0 9pt}
header .top-tel{ font-size: 18px; font-weight:bold; padding:0 18px 0 5px}
header .icon-phone{ font-weight: bold; font-size: 18px; color: #cd0000 }
footer .search,header .search{display:inline-block;width:82px;height:49px;background-color:#ef011c;color:#fff;line-height:49px;cursor:pointer}

@media (min-width:760px){header .search{width:82px;height:40px;line-height:40px}

}

.logo img{float:left}

@media (max-width:759px){.logo img{width:56px;margin-top:15px}

.logo img.img2{width:130px;margin-top:22px}

.logo img.img3{width:119px;margin-top:22px}

.msite{display:block!important}

}

@media (min-width:760px){.logo img{margin-top:-7px}

.logo img.img2,.logo img.img3{margin-top:-7px}

.bg-white{ /*padding-bottom: 10px */}

}

nav .icon-navicon{margin-top:20px}

#top-nav li .fadein-left,#top-nav li .fadein-right{-webkit-animation:.5s ease-out backwards;animation:.5s ease-out backwards}

#top-nav li .fadein-left{-webkit-animation-name:navfadeinL;animation-name:navfadeinL}

#top-nav li .fadein-right{-webkit-animation-name:navfadeinR;animation-name:navfadeinR}

@media (min-width:760px){#top-nav li .drop-menu{background-color:hsla(0,0%,100%,.9); font-size: 16px}

nav .nav-inline.nav-menu ul{top:42px;padding:0;min-width:inherit;border-radius:0;border-bottom:3px solid #d40000}

nav .nav-inline.nav-menu ul li{height:40px}

nav .nav-inline.nav-menu ul a{padding:10px 20px;transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;-webkit-transition:all .2s ease;background-color:transparent}

nav .nav-inline.nav-menu ul a:hover{color:#fff;background-color:#d40000}

nav .nav-inline.nav-menu .head-nav-ico{position:absolute;top:-10px;right:-16px}

}

nav .menu-product{position:absolute;left:0;width:100%;background-color:hsla(0,0%,100%,.9);z-index:10000;display:none;overflow-y:hidden}

nav .menu-product .container{padding:50px 0 0}

nav .menu-product .container li{padding-bottom:33px}

nav .menu-product .container h3{padding-bottom:1pc}

nav .menu-product .container h3 a{font-size:16px;line-height:24px;font-weight:100;color:#d40000;transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;-webkit-transition:all .2s ease}

nav .menu-product .container h3 a:hover{color:#ef011c;font-size:16px}

nav .menu-product .container img{max-width:100%;margin:0 auto}

nav .menu-product .container h5,nav .menu-product .container img{-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}

nav .menu-product .container h5{font-size:1pc;color:#656565;font-weight:100;padding:4px 0 1pc}

nav .menu-product .container a:hover img{-webkit-transform:scale(1,1);transform:scale(1,1)}

nav .menu-product .container a:hover h5{color:#ef011c}

nav .menu-product a.menu-more{font-size:0.9pc; color: #555}

.about,.area,.news,.product,.service,.solution{font-weight:bolder}

#about .about,#area .area,#news .news,#product .product,#service .service,#solution .solution{color:#ef011c}

@media (max-width:326px){.logo .img2{display:none}

}

@media (max-width:490px){.logo .img3{display:none}

}

@media (max-width:759px){nav .nav-inline li{float:left;width:50%;text-align:center}

nav .nav-inline.nav-menu .head-nav-ico{display:none}

}

@media (max-width:999px) and (min-width:760px){.logo .img3{display:none}

}

@media (min-width:760px){nav .nav-inline{margin:26px -10px 0;text-align:right}

nav .nav-inline li a{padding:5px 7px}

}

@media (min-width:1000px){nav .nav-inline{margin:23px -13px 0;font-size:1pc}

nav .nav-inline li a{padding:5px 13px}

}

@media (min-width:1200px){nav .nav-inline{margin:23px -21px 0;font-size:18px}

nav .nav-inline li a{padding:5px 20px}

nav .nav-inline.nav-menu .head-nav-ico{right:-10px}

}

.banner{background-color:#fff}

.banner .pager-next,.banner .pager-prev{border-radius:0;width:45px;height:76px;line-height:76px;border:0;background-color:hsla(0,0%,100%,.45);color:#fff;margin-top:-38px;font-size:3pc}

.pager-next:hover,.pager-prev:hover{background-color:rgba(0,0,0,.45)}

.pointer li{border-radius:0;width:20px;height:4px;background-color:hsla(0,0%,100%,.45);border:0;margin:0}

.pointer li.active{background-color:#fff;width:20px;height:4px}

.msite{display:none}

footer{font-size:14px; }

footer .fast-menu{background-color:#db1000}

footer .fast-menu a{color:#fff;line-height:66px}

footer .fast-menu .float-left a,footer .fast-menu .float-left a i{margin-right:5px}

footer .fast-menu .float-right{position:relative}

footer .fast-menu .float-right .fast-search{position:relative;display:block;width:130px;height:66px;background-color:#f4502d;text-align:center;font-size:18px; margin-right: 20px}

footer .fast-menu .float-right .fast-search i{position:absolute;right:38px}

footer .fast-menu .float-right{background-color:#da251d}

footer .fast-menu .float-right{ float: left !important;  }

footer .bottom-nav{background-color:#27343c;color:#a9b3b3}

footer .bottom-nav .container{padding-top:25px}

footer .bottom-nav a{color:#a9b3b3}

footer .bottom-nav h3{padding:25px 0 9pt;border-bottom:1px dashed #a9b3b3;font-weight:700;font-size:18px; color: #fff}

.foot-product li a{display:block;padding:8px 0;border-bottom:1px dashed #a9b3b3}

.foot-addr{ margin-right: 30px }

.foot-addr p{margin:0;line-height:28px}

.foot-addr h3,.foot-tel h3{margin-bottom:17px}

.foot-social{padding:50px 0 22px; float: right; text-align: center;}

.foot-social img{padding-bottom:6px}

.foot-tel li{padding-bottom:22px}

.foot-tel li p{ line-height: 30px }

.foot-tel li p.bs{color: #fff}

footer .copycright{background-color:#171f23; text-align: center;}

footer .copycright p{margin:0;color:#a9b3b3;line-height:45px}

footer .copycright a{padding-left:5px;color:#a9b3b3}

footer .copycright a:hover{color:#fff}

footer .flink{display:inline-block;float:left}

@media (min-width:760px){footer .fast-menu .float-left a{margin-right:20px;font-size:1pc}

}

@media (min-width:1000px){footer .fast-menu .float-left a{margin-right:2pc}

}

@media (min-width:1200px){

.foot{/*position:fixed;bottom:0;left:0;z-index:-1;*/width:100%}

footer .fast-menu{/*margin-bottom:22pc;*/height:66px}

footer .copycright{height:45px}

footer .flink{float:right}

}

.bshare-custom .bshare-share-count{color:#333!important}

.foot-social .bshare-custom .bshare-share-count{width:38px!important}

.bshare-custom a{float:left}

.text-red{color:#d40000}

.img-scale{overflow:hidden;width:100%;height:100%}

.img-scale img,.img-scale:hover img{-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s}

.img-scale:hover img{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}

nav .nav-menu .drop-menu{z-index:10000}

footer .search_res{position:fixed;z-index:11;top:15px;width:100%;left:0;display:none;z-index:10002}

footer .search{border:0;padding:0}

.dialog-mask{display:none;z-index:10001}

footer .search_res .input-group .addbtn{background-color:#fff}

footer .search_res .input-group .input{height:49px;line-height:30px;background: #fff no-repeat 99% center}

footer .search_res .form-group{position:relative}

footer .search_res .badge{position:absolute;right:20px;top:65px;cursor:pointer;z-index:10003}

footer .search_res .badge:hover .rotate-hover{-webkit-animation-name:a-rotate;animation-name:a-rotate}

footer .search_res .res ul{background-color:#fff;padding:15px}

footer .search_res .res ul li{padding-bottom:10px}

footer .search_res .res ul h3{color:#1024ee;text-decoration:underline;cursor:pointer;font-weight:400;font-size:1pc;padding-bottom:5px}

footer .search_res .res ul em{color:#c00}

footer .search_res .res ul span{color:#666;font-size:.8em}

footer .search_res .res ul img{max-width:100%}

.jiathis_style>div{width:20pc!important}

.jiathis_style .jiadiv_02 .jiatitle{width:94px!important}

@media (min-width:760px){footer .search_res .res .xs9.xm10.xb11{margin-top:15px}

}

.search_res .res::-webkit-scrollbar{-webkit-appearance:none;width:14px;height:14px}

.search_res .res::-webkit-scrollbar-thumb{border-radius:8px;border:3px solid #fff;background-color:rgba(0,0,0,.3)}

.fast-search{z-index:10}

.fast-search-list{z-index:9999;position:absolute;background-color:hsla(0,0%,100%,.8);width:270px;padding:5px 4px;bottom:0;display:none}

.fast-search-list ul li a{display:block;color:#333;font-size:1pc!important;padding:0 2pc;line-height:40px}

.fast-search-list ul li a:hover{background-color:#f4502d;color:#fff}

.fast-search .icon-caret-right:before{position:relative;top:0;left:2px}

.icon-d{-webkit-animation:icon-d .3s ease-in-out both;animation:icon-d .3s ease-in-out both}

@-webkit-keyframes icon-d{0%{-webkit-transform:rotate(0);transform:rotate(0)}

to{-webkit-transform:rotateZ(-90deg);transform:rotateZ(-90deg)}

}

@keyframes icon-d{0%{-webkit-transform:rotate(0);transform:rotate(0)}

to{-webkit-transform:rotateZ(-90deg);transform:rotateZ(-90deg)}

}

.icon-u{-webkit-animation:icon-u .3s ease-in-out both;animation:icon-u .3s ease-in-out both}

@-webkit-keyframes icon-u{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}

to{-webkit-transform:rotateZ(0);transform:rotateZ(0)}

}

@keyframes icon-u{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}

to{-webkit-transform:rotateZ(0);transform:rotateZ(0)}

}

@-webkit-keyframes list-down{0%{opacity:1;display:block;bottom:66px}

to{opacity:0;bottom:20px;z-index:-1}

}

@keyframes list-down{0%{opacity:1;display:block;bottom:66px}

to{opacity:0;bottom:20px;z-index:-1}

}

.list-down{-webkit-animation:list-down .3s ease-in-out both;animation:list-down .3s ease-in-out both}

@-webkit-keyframes navfadeinL{0%{opacity:0;-webkit-transform:translateX(-20px)}

to{opacity:1;-webkit-transform:translateX(0)}

}

@keyframes navfadeinL{0%{opacity:0;transform:translateX(-20px)}

to{opacity:1;transform:translateX(0)}

}

@-webkit-keyframes navfadeinR{0%{opacity:0;-webkit-transform:translateX(20px)}

to{opacity:1;-webkit-transform:translateX(0)}

}

@keyframes navfadeinR{0%{opacity:0;transform:translateX(20px)}

to{opacity:1;transform:translateX(0)}

}

#LRfloater1,#LRfloater1 a,#LRfloater1 p,#LRfloater1 table,#LRfloater1 tbody,#LRfloater1 td,#LRfloater1 tr{box-sizing:inherit!important;vertical-align:middle}

.lxb-container{top:inherit!important;bottom:5%;overflow:hidden}

@media(min-width:760px){.lxb-cb-tip-info{top:-46px!important;left:-422px!important}

}

@media(max-width:759px){.lxb-cb-tip-info{top:-46px!important;left:-321px!important;width:218px!important}

.lxb-cb-tip-arrow{left:214px!important}

}

@media(min-width:1000px) and (max-width:1199px){.form-x .form-group .field{width:84%}

.form-x .form-group .label{width:16%}

.form-x .form-button{margin-left:16%}

}

.carousel img{margin:0 auto}

.select_pro{height:23px;display:block;line-height:23px;cursor:pointer;text-align:right}

.select_pro span{font-size:12px;color:#7a7a7a}

.select_pro .son_ul{position:absolute;width:110px;bottom:23px;right:15px;text-align:center;z-index:100;background:#fff;display:none}

.select_pro .son_ul li{line-height:25px;padding-left:10px}

.select_pro .son_ul a{color:#000}

.select_pro:hover .son_ul{display:block}

.footer{background:#30303d;padding-top:20px;padding-bottom:20px;text-align:center;color:#fff;margin-top:50px}

.footer a{color:#fff}

.buzzButton:last-child{display:none!important}

#bsBox,#bsBox *,#bsWXBox,#bsWXBox *{box-sizing:content-box!important}

@media (max-width:550px){#bsBox,#bsBox *{max-width:98.6%}

#bsBox{margin-left:0!important;left:0!important}

#searchBox{width:110px}

}

@media(min-width:1920px){.banner-res img,.banner_index img{margin:0 auto}

}

@media(min-width:1200px) and (max-width:1440px){.banner-res,.banner_index{max-width:100%;overflow-x:hidden}

.banner-res .img-res,.banner_index .img-res{width:auto;max-width:1920px!important;position:relative;left:50%;transform:-webkit-transform: translateX(-50%);transform:translateX(-50%)}

}

@media(min-width:1920px){.banner-res .img-res,.banner_index .img-res{width:auto;max-width:1920px!important;position:relative}

}

.banner-posint{background-color:#fff;background-position:center center;background-size:cover;background-repeat:no-repeat;height:360px;position:relative;overflow:hidden}

.banner-posint.banner-posint-lnner{height:360px}

.banner-posint .banner-posint-img{position:relative;}

.banner-posint-relat{position:absolute;top:0;left:0;width:100%;height:100%}

.banner-posint .banner-posint-text{text-align:right;color:#31384a;text-shadow:-1px 1px 2px #fff;padding-top:140px}

.banner-posint.banner-posint-lnner .banner-posint-text{padding-top:120px}

.banner-posint .banner-posint-text.banner-posint-center{text-align:center;max-width:470px;margin:0 auto}

.banner-border-hidder{overflow:hidden;padding-top:32px}

.banner-posint-border{padding:10px;border:5px solid #255087;border-top:none}

.banner-posint-border h3{margin-top:-32px}

.banner-posint-border h3 span{position:relative;display:inline-block;padding:0 20px}

.banner-posint-border h3 span:after,.banner-posint-border h3 span:before{position:absolute;display:block;content:'';width:225px;height:5px;top:50%;margin-top:-2px;background-color:#255087}

.banner-posint-border h3 span:before{left:100%}

.banner-posint-border h3 span:after{right:100%}

.banner-posint-white .banner-posint-border{padding:10px;border:5px solid #fff;border-top:none}

.banner-posint-white .banner-posint-border h3 span:after,.banner-posint-white .banner-posint-border h3 span:before{background-color:#fff}

.banner-posint .banner-posint-text.banner-posint-white{color:#fff;text-shadow:-1px 1px 2px #31384a}

.banner-posint .banner-posint-text h3{font-size:32px;line-height:48px;font-weight:700;margin-bottom:5px}

.banner-posint .banner-posint-text p{font-size:20px;line-height:32px}

@media (min-width:1201px){

.banner-posint .banner-posint-img{left:50%;margin-left:-960px;}

}

@media (max-width:1200px){.banner-posint{height:auto}

.banner-posint.banner-posint-lnner{height:auto}

.banner-posint .banner-posint-img{width:100%;height:auto}

.banner-posint .banner-posint-text{padding-top:11%}

.banner-posint .banner-posint-text.banner-posint-center{padding-top:8%}

.banner-posint.banner-posint-lnner .banner-posint-text{padding-top:9%}

}

@media (max-width:760px){.banner-posint .banner-posint-text{padding-top:8%}

.banner-posint.banner-posint-lnner .banner-posint-text{padding-top:7%}

.banner-posint .banner-posint-text.banner-posint-center{padding-top:6%}

}

@media (max-width:540px){.banner-posint .banner-posint-text{padding-top:10%}

.banner-posint.banner-posint-lnner .banner-posint-text{padding-top:9%}

.banner-posint.banner-posint-lnner .banner-posint-text{padding-top:8%}

.banner-posint-border{border:none}

.banner-posint-text p{display:none}

}

@media (max-width:480px){.banner-posint .banner-posint-text h3{font-size:24px}

}

.p10{ padding-bottom:10px; }